3种风格建筑剖面图纸表达教程，学起来！

Hello~小伙伴们，又到了绘图学堂时间，今天为大家带来3张不同风格的剖面图纸表达教学，快学起来吧~

︱01 末世背景的剖面表达︱

整个画面的色彩偏向赭石，背景是被灰色烟雾蒙蔽的天空，地面的背景中作者还有意放置了两组生物化石，给人萧条、劫后余生的印象。

当下不少同学的设计是对某种社会现象、社会事件的回应，如何针对特殊的设计背景完成图纸表达，本期的图纸给了大家一个很好的示范。先来通过一组动图快速浏览一下本期图纸的绘制过程吧：

STEP 1

线稿准备

首先，我们利用SU的截平面工具为模型创建一个剖面，调整好视角，选择两点透视，导出二维图形，格式建议选择PDF，必要时我们可以在AI中调整线型粗细。

STEP 2

环境铺垫

接下来，我们来铺垫一下整个画面的大环境，从地面部分开始，我们可以直接找到一张适合的材质贴图拼贴到地面的部分，也可以通过笔刷直接在PS中完成地面的处理。前一种方法在过去的教程中已经多次向大家讲解了，今天我们为大家讲解一下后一种做法。

首先，我们为地面填充一个灰褐色的纯色：

然后选择PS中的污渍笔刷：

调整到适合的流量或不透明度，还要注意调节笔刷的方向，使其纹理垂直向下，在地面部分涂抹，以丰富地面材质的质感：

接下来还有一些树木根系、生物化石的配景，我们可以从网上找到一些相关的素材：

需要做一些抠图的处理，然后选择适合的叠加方式（如滤色、正片叠底）叠加到图面中去，这一部分我们就不详细的讲解了，叠加好我们应该会得到如下的效果：

STEP 3

建筑部分

建筑部分我们首先对剖断面进行填充，为了优化视觉效果，可以添加一个黑色正片叠底的内发光：

接下来，找到适合的材质贴图，填充到建筑室内的墙体范围：

然后去补充一些室内的光影，可以通过局部的曝光调整来实现，也可以用柔边画笔直接绘制阴影，正片叠底到图面中：

再来添加一些灯光的光效。灯光效果我们可以通过光效笔刷来实现，也可以像今天这张图的处理方式一样，用多边形套索选取出被灯光照亮的范围，填充白色或偏黄一点点的颜色，以滤色或叠加的方式叠加到图面上，并调整不透明度：

STEP 4

天空背景

接下来，我们补充一下天空背景。天空背景一般我们会选取一张真实的天空图片，拖入PS进行调整。我们首先找到一张符合图面氛围的天空照片：

利用Camera Raw调色，这一点大家可以根据自己的感觉来调，一般来说会降低饱和度，这里我们适当提高了曝光，也讲原本黑色、阴影部分提亮了很多，具体参数可以参考下图：

接下来我们将调整好的天空图片拖入图纸作为背景，橡皮擦擦掉不需要的部分：

为了丰富图面效果，我们可以再补充一些背景素材，同时可以像处理地面时一样用污渍笔刷为天空增添一些肌理感：

STEP 5

配景补充

最后我们来补充一些植物素材，为了配合图面氛围，我们可以将植物的饱和度尽可能调低一些，也可以补充一个高斯模糊的滤镜，让树木配景适当模糊，进而突出主题：

最后，我们再为图面补充一些家具、人物配景丰富一下建筑的室内空间，整个图纸就已经完成啦，为了适当丰富画面，我们还可以为天空补充一组飞鸟配景：

小结一下，图纸本身并不是很难，建筑空间也相对简单，旨在希望大家学会如何通过一些配景、氛围的营造、以及色调的把控来营造适合的场景感，转递自己的设计意图，让设计能够被更好的表达。

︱02 拼贴风的剖面表达︱

这个教程的主要目的是帮助大家利用SketchUp软件快速制作拼贴风格的剖透视效果图。可能在更多人的印象中，提到拼贴就会想到利用Photoshop剪切蒙版，或者是Illustrator的实时上色。但其实在作图的过程中，不论是调透视还是尺度都会花掉大量的时间。然而善用SketchUp当中的材质功能，可以让大家在短时间内迅速完成拼贴风格的剖透视效果图。

好啦，接下来我们正式进入教程吧~

STEP 1

模型准备

我们首先要做的当然就是准备好模型，在这张图中我们选择了两点透视，大家选定好出图的视角要记得保存，这样我们在绘制的过程中就可以随时确认图纸效果了。

STEP 2

阴影调试

接下来我们要为图纸的呈现选择一个适合的阴影效果。下面呈现了一个素模在不同阴影设置下的显示效果。考虑到阴影可能会弱化材质的呈现，所以我们选择关闭阴影，仅用阳光区分明暗面。也就是图三的效果，我们可以看到阴影面明显变淡了。这种模式会更好的呈现模型当中的材质效果~

所以我们在最终出图的时候也会选择这样的阴影效果~

STEP 3

赋予材质

在开篇的动图中我们也看到了，本次的图纸中用到了大量的贴图素材，所以我们这一步首先要准备好所有需要用到的贴图素材：

接下来我们直接在Sketch Up中赋予材质，这一步代替了大家在PS或者AI当中填色的过程。其实Sketch Up中对材质尺度、色调的调整是非常便捷的，最关键的一点是，它节省了调节贴图透视所需要花费的大量时间~

在材质全部填充完毕之后，我们来对比一下打开阴影与关闭阴影的效果，可以看到阴影效果的确是对材质呈现起到了一些负面效果，所以我们最终还是选择关闭阴影出图。

STEP 4

添加组件

完成了基本的材质填充，我们接下来还需要为模型添加一些家具。Sketch Up直接出图的另一个好处就是可以在网上快速找到大量的家具组件配景，可以辅助我们快速完成配景的添加~

添加的过程大家可以留意一下，只需要添加在我们视野范围内的区域就好啦~

完成了这一步的操作，我们在Sketch Up中的任务就结束啦，直接导出就可以得到一张如下的图纸，整个图面是不是已经很饱满了呢~

STEP 5

PS后期

虽然我们本期教程的主力软件是Sketch Up，但是到了后期还是要Photoshop来提升一下。首先我们对整个图面进行一番整体调色，让画面看起啦更加轻盈~

接着我们要来完善一下周边环境，首先找到一张与图纸风格契合的插画风背景。这里要注意的是，由于剖透图本身色彩明度较高，所以背景最好选择饱和度低一点的材质，这样主体与环境才能更好的区分开来。

处理完建筑部分与大的背景，我们只需要快速的加入一些配景人物和相关的室内素材活跃画面就可以啦~

OK，大功告成~

︱03表现力MAX的场地剖面表达︱

我们继续讲解基于SketchUp建模的拼贴表现教学，OK，话不多说，我们开始正式的教程吧~

PART 1

设计背景

首先我们来简单介绍一下这张图的项目背景：项目场地位于一个过去的工业重镇，它的很多厂房如今被改造成商场、美术馆，项目选取了一些有设计潜力的公共空间（街道），希望通过交互式公共空间来增加人与人之间的互动，以期建立一个更具活力的社区~

设计上首先利用原本建筑的转角空间形成休闲场地，并依附建筑设置二层平台增加建筑和道路之间界面的丰富性，再结合滨水空间的高差步道设计丰富滨水界面，最后进行绿化种植，增加城市家具小品等设施营造舒适休闲的氛围。

表达方式上使用剖透视，以表现从建筑到河边的竖向高差设计，和不同部分剖面所起到的功能和作用。透视的效果能更好的体现建筑和公共空间的融合。

根据设计思路进行建模，将场地中符号性较强的建筑进行保留，如工厂、烟囱，可以呈现出成较为丰富的天际线。转角空间部分抬高作为休闲活动场地，二层平台既可以对转角节点进行一定遮挡，同时可以营造较为私密的空间。

滨水栈道需要提前构思好流线以及高差变化，有些曲折变化的的平面形式和变化的高差可以形成丰富的体验，后期深化时也可加以突出和强化。

OK，简短的设计背景介绍过后，我们开始制图的讲解~

STEP 1

视角选取

制图开始的第一步我们首先需要选定视角，良好的视角选取可以很大程度上决定最终的图面效果。

在剖切位置的选择上，我们尽可能展现方案最精彩的一面，选择高差变化丰富，空间多样的一处。视角选择一点透视，通过纵深向的道路、河流来强化画面的纵深感。这样也有利于后期细化模型塑造不同层次的近景、中景、远景。

STEP 2

模型细化

根据选定的视角，我们可以对模型可见部分进行适当深化。（如果大家美术功底较好，不需要模型为透视关系提供参考，这一步也可以直接在Photoshop中完成~）

在建筑转角的活动空间，我们可以布置一些座椅、吧台、店招为画面提供充足的细节。道路两旁可以设置一些路灯、行道树，行道树也可以用来遮挡中、远景中不想表达的内容，减少部分工作量。最后可以通过不同行为的人物配景展现不同区域的使用功能。

STEP 3

底图导出

选定好视角，我们需要来导出一些基础图纸，包括线稿、SU直出的效果图、带阴影的AO图以及材质通道图，这些我们大多可以用SU的一键通道获得，Rhino建模的小伙伴可以通过显示模式的设置来获得，其中AO图会需要借助V-ray渲染~

TIPS：导出这些基础图纸的时候大家可以先将人物隐藏，避免画面过于凌乱~

线稿

su效果图直出+剖面细化

叠加AO图 TIPS：AO图的叠加模式大家要记得选择明度~

STEP 4

材质拼贴

接下来我们需要对画面中大面积出现的材质进行拼贴刻画，主要包括墙面使用的红砖以及屋顶的灰瓦。我们首先需要找到两张适合的材质贴图：

利用材质通道图将它们赋予到相应区域，同时需要适当调整透视：

硬质铺地、绿化我们可以简单用不同色彩加以区分：

STEP 5

细节刻画

接下来我们需要补充一下背景的天空，并对窗户的反射、水面的反射进行一些细致刻画。

首先我们去寻找一份与画面氛围相适应的天空背景补充在画面透明处：

将同样的天空复制出一份，利用材质通道图将其赋予到窗户的部分作为天空的倒影：

水体部分，我们可以找到一张有天空倒影的实景照片，将它叠加到水面的部分，调节不透明度直至一个理想的效果。被剖到的水体部分也是同理，我们可以找到一张适合的水体照片，进行叠加并调整不透明度：

STEP 6

配景补充

图面基本完善后，我们再来补充一下配景。我们可以从模型中单独导出人物部分，在Photoshop中填充成白色并添加黑色描边。为了避免人物过于抢镜，我们可以适当降低它们的不透明度：

STEP 7

整体调整

最后我们可以对整个图面进行一番调色：首先Ctrl+Alt+Shift+E讲所有图层复制并合并，对整体饱和度进行调整（如果需要调整的内容比较多，大家也可以直接用Camra Raw进行调整）：

最求细节的话，我们还可以用加深工具对建筑边缘进行加深：

最后我们再来通过一些颗粒感提升一下画面的质感，选择 “ 滤镜 - 杂色 - 添加杂色” 或者 “ 滤镜库 - 艺术效果 - 胶片颗粒 ” 均可，具体参数大家可以自己调调看~

接下来就是一些辅助信息的补充啦，这一步可以在ID中快速完成~

OK，最后我们来小结一下，本期的教学内容是一份非常实用的室外场景的拼贴表现，基于SU的工作流非常高效实用，同时也介绍了一些诸如水体处理、提升画面质感的小技巧，以SU为主力建模软件的小伙伴推荐收藏一下~

今天的3个教程讲完了，大家有任何想说的，都可以在评论区给我们留言。欢迎大家与我们互动，共同探讨出图的相关问题。当然，大家还可以通过扫描老师微信二维码加入我们的公开课交流群，我们会不定期举办出图技能与先锋院校课设的公开分享，热爱学习的小伙伴可以加入我们一起切磋~

加群方式很简单，添加老师微信时按专业备注：

“建筑 / 景观 / 规划 / 室内”

通过后会邀请你加入公开课群。

WeChat：lee老师

- END -

---

||-往期精彩内容：

· 绘图学堂（建筑篇）☞篇景观

· 绘图素材

关注我们，发现更多精彩☞ 技能提升︱设计理论︱国际竞赛︱作品集